<!DOCTYPE html>
<?php include ("bloqueDeSeguridad.php"); ?>
<html>
    <head>
        <?php include 'plantilles/plantillacap.php'; ?>
        <?php include 'headespec/calendariH.php'; ?>

    </head>
    <body>
        <div id="switcher"></div>
        <?php include 'plantilles/plantilla.php'; ?>
        <?php include 'plantilles/plantillac1.php'; ?>
        <h3 class="h3">Calendaris<input id="afegir" type="submit" class="planButton" value="Afegir"/></h3>
        <p>
            <label class="planformL">
                Cerca
            </label>
        </p>
        <p>
            <input type="radio" id="cercaDescripcio1" name="cercaDescripcio" checked="checked" />
            <label for="cercaDescripcio1">Descripció</label>
            <input type="radio" id="cercaDescripcio2" name="cercaDescripcio" />
            <label for="cercaDescripcio2">Responsable</label>
        </p>
        <p>
            <input id="sear" name="sear" type="text" class="searchR">
            <img src="images/icones/search.png" class="imageList"  alt="Cerca" height="30" width="30" />
        </p>
        <ul class="enl">
            <li>
                <a target="_BLANK"  href="http://www.puntsoft.com">
                    Cal ASIX 1 M02 Bases de Dades
                </a>
            </li>
            <li>
                <a target="_BLANK"  href="http://www.puntsoft.com">
                    Cal ASIX 1 M03 Programació Bàsica
                </a>
            </li>
            <li>
                <a target="_BLANK"  href="http://www.puntsoft.com">
                    Cal ASIX 2 M08 Serveis de xarxa i Internet 
                </a>
            </li>
        </ul>
        <?php include 'plantilles/plantillac1p.php'; ?>
        <?php include 'plantilles/plantillac3.php'; ?>
        <h3 class="h3">Detalls del calendari</h3>
        <a target="_BLANK"  href="http://www.puntsoft.com">
            Cal ASIX 1 M03 Programació Bàsica
        </a>
        <ul class="tabs">
            <li><a href="#tab1">Dades</a></li>
            <li><a href="#tab2">Horari</a></li>
        </ul>

        <div class="tab_container">
            <div id="tab1" class="tab_content">
                <form class="formespai" >
                    <p>
                        <label class="planformL">
                            Codi
                        </label>
                    </p>
                    <p>
                        <label class="planformO">
                            234
                        </label>
                    </p>
                    <p>
                        <label class="planformL">
                            Organització
                        </label>
                    </p>
                    <p>
                        <label class="planformO">
                            Llobregat
                        </label>
                    </p>
                    <p>
                        <label class="planformL">
                            Descripció
                        </label>
                    </p>
                    <p>
                        <input id="descripcioCalendari" name="descripcioCalendari" class="planformI" type="text">
                    </p>
                    <p>
                        <label class="planformL">
                            Responsable
                        </label>
                    </p>
                    <p>
                        <select name="responsable" id="responsable" class="planformSelect">
                            <option value="0">Salvador Iniesta</option>
                            <option value="5">Josep Meiràs</option>
                            <option value="7">Eva Sinclair</option>
                        </select> 
                    </p>   
                    <p>
                        <label class="planformL">
                            Color
                        </label>
                    </p>
                    <p>
                        <input type="text" id="color" name="color" class="cp-full" value="186aa7"/>
                    </p>
                    <p>
                        <label class="planformDateL">
                            Data Inici
                        </label>
                        <label class="planformDateL">
                            Data Fi
                        </label>
                    </p>
                    <p>
                        <input type="text" id="dataInici" name="dataInici" class="planformDate">
                        <input type="text" id="dataFi" name="dataFi" class="planformDate">
                    </p>
                    <p>
                        <label class="planformRadioL">
                            Horari
                        </label>
                        <label class="planformHoraL">
                            Hora Inici
                        </label>
                        <label class="planformHoraL">
                            Hora Fi
                        </label>
                        <label class="planformHoraL">
                            Hora Inici 2
                        </label>
                        <label class="planformHoraL">
                            Hora Fi 2
                        </label>
                    </p>
                    <p>
                        <label class="planformDateL">
                            Dl
                        </label>
                    <div id="dilluns" class="planformRadio">
                        <input type="radio" id="dilluns1" name="dilluns" />
                        <label for="dilluns1">ON</label>
                        <input type="radio" id="dilluns2" name="dilluns" checked="checked" />
                        <label for="dilluns2">OFF</label>
                    </div>
                    <input type="text" id="horaIniciDilluns" name="horaIniciDilluns" class="planformHora"/>
                    <input type="text" id="horaFiDilluns" name="horaFiDilluns" class="planformHora"/>
                    <input type="text" id="horaIniciDilluns2" name="horaIniciDilluns2" class="planformHora"/>
                    <input type="text" id="horaFiDilluns2" name="horaFiDilluns2" class="planformHora"/>
                    </p>
                    <p>
                        <label class="planformDateL">
                            Dm
                        </label>
                    <div id="dimarts" class="planformRadio">
                        <input type="radio" id="dimarts1" name="dimarts" />
                        <label for="dimarts1">ON</label>
                        <input type="radio" id="dimarts2" name="dimarts" checked="checked" />
                        <label for="dimarts2">OFF</label>
                    </div>
                    <input type="text" id="horaIniciDimarts" name="horaIniciDimarts" class="planformHora"/>
                    <input type="text" id="horaFiDimarts" name="horaFiDimarts" class="planformHora"/>
                    <input type="text" id="horaIniciDimarts2" name="horaIniciDimarts2" class="planformHora"/>
                    <input type="text" id="horaFiDimarts2" name="horaFiDimarts2" class="planformHora"/>
                    </p>
                    <p>
                        <label class="planformDateL">
                            Dc
                        </label>
                    <div id="dimecres" class="planformRadio">
                        <input type="radio" id="dimecres1" name="dimecres" />
                        <label for="dimecres1">ON</label>
                        <input type="radio" id="dimecres2" name="dimecres" checked="checked" />
                        <label for="dimecres2">OFF</label>
                    </div>
                    <input type="text" id="horaIniciDimecres" name="horaIniciDimecres" class="planformHora"/>
                    <input type="text" id="horaFiDimecres" name="horaFiDimecres" class="planformHora"/>
                    <input type="text" id="horaIniciDimecres2" name="horaIniciDimecres2" class="planformHora"/>
                    <input type="text" id="horaFiDimecres2" name="horaFiDimecres2" class="planformHora"/>
                    </p>
                    <p>
                        <label class="planformDateL">
                            Dj
                        </label>
                    <div id="dijous" class="planformRadio">
                        <input type="radio" id="dijous1" name="dijous" />
                        <label for="dijous1">ON</label>
                        <input type="radio" id="dijous2" name="dijous" checked="checked" />
                        <label for="dijous2">OFF</label>
                    </div>
                    <input type="text" id="horaIniciDijous" name="horaIniciDijous" class="planformHora"/>
                    <input type="text" id="horaFiDijous" name="horaFiDijous" class="planformHora"/>
                    <input type="text" id="horaIniciDijous2" name="horaIniciDijous2" class="planformHora"/>
                    <input type="text" id="horaFiDijous2" name="horaFiDijous2" class="planformHora"/>
                    </p>
                    <p>
                        <label class="planformDateL">
                            Dv
                        </label>
                    <div id="divendres" class="planformRadio">
                        <input type="radio" id="divendres1" name="divendres" />
                        <label for="divendres1">ON</label>
                        <input type="radio" id="divendres2" name="divendres" checked="checked" />
                        <label for="divendres2">OFF</label>
                    </div>
                    <input type="text" id="horaIniciDivendres" name="horaIniciDivendres" class="planformHora"/>
                    <input type="text" id="horaFiDivendres" name="horaFiDivendres" class="planformHora"/>
                    <input type="text" id="horaIniciDivendres2" name="horaIniciDivendres2" class="planformHora"/>
                    <input type="text" id="horaFiDivendres2" name="horaFiDivendres2" class="planformHora"/>
                    </p>
                    <p>
                        <label class="planformDateL">
                            Ds
                        </label>
                    <div id="dissabte" class="planformRadio">
                        <input type="radio" id="dissabte1" name="dissabte" />
                        <label for="dissabte1">ON</label>
                        <input type="radio" id="dissabte2" name="dissabte" checked="checked" />
                        <label for="dissabte2">OFF</label>
                    </div>
                    <input type="text" id="horaIniciDissabte" name="horaIniciDissabte" class="planformHora"/>
                    <input type="text" id="horaFiDissabte" name="horaFiDissabte" class="planformHora"/>
                    <input type="text" id="horaIniciDissabte2" name="horaIniciDissabte2" class="planformHora"/>
                    <input type="text" id="horaFiDissabte2" name="horaFiDissabte2" class="planformHora"/>
                    </p>
                    <p>
                        <label class="planformDateL">
                            Du
                        </label>
                    <div id="diumenge" class="planformRadio">
                        <input type="radio" id="diumenge1" name="diumenge" />
                        <label for="diumenge1">ON</label>
                        <input type="radio" id="diumenge2" name="diumenge" checked="checked" />
                        <label for="diumenge2">OFF</label>
                    </div>
                    <input type="text" id="horaIniciDiumenge" name="horaIniciDiumenge" class="planformHora"/>
                    <input type="text" id="horaFiDiumenge" name="horaFiDiumenge" class="planformHora"/>
                    <input type="text" id="horaIniciDiumenge2" name="horaIniciDiumenge2" class="planformHora"/>
                    <input type="text" id="horaFiDiumenge2" name="horaFiDiumenge2" class="planformHora"/>
                    </p>
                </form>
            </div>
            <div id="tab2" class="tab_content">
                <div id='calendar'></div>
            </div>

        </div>


        <?php include 'plantilles/plantillac3p.php'; ?>
        <?php include 'plantilles/plantillac2.php'; ?>
        <h3 class="h3">Accions</h3>
        <form id="accions">
            <ul id="accionsul" class="ena">
                <li class="current"><a href="index.php"><img src="images/icones/save.png" class="imageList"  alt="Desa" height="40" width="40" />Actualitza el Calendari</a></li>
                <li class="current"><a href="index.php"><img src="images/icones/genera.png" class="imageList" alt="Genera" height="40" width="40" />Genera l'Horari</a></li>
                <li class="current"><a href="index.php"><img src="images/icones/arxivar.png" class="imageList" alt="Arxiva" height="40" width="40" />Arxiva / Activa el Calendari</a></li>
            </ul>
        </form>
        <?php include 'plantilles/plantillac2p.php'; ?>
        <?php include 'plantilles/plantillap.php'; ?>
    </body>
</html>
